<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Styles | RS 12 - Free CSS Template</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrap">
<div id="header">
<div id="topnav">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="styles.html">Styles</a></li>
<li><a href="notes.html">Notes</a></li>
<li><a href="#nogo">Nogo</a></li>
</ul>
</div>
<div id="breadcrumb"><a href="#">YourWebsite.com</a> &raquo; <a href="#">Home </a></div>
<h1 id="sitename"><a href="#">RS Tech Blog</a><span class="caption">High Quality Templates &amp; Themes</span> </h1>
</div>
<div id="content">
<div id="left">
<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Blockquote</h2>
  <blockquote><p>Mauris nisi diam, feugiat a,  ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum  in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum  pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus.  Donec scelerisque tristique ante.</p></blockquote> 
 <p>Integer imperdiet, purus a malesuada  ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac  sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Image In A post </h2>
 <img class="alignright" src="images/imgsample.jpg" alt="image" /> <p>Mauris nisi diam, feugiat a,  ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum  in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum  pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus.  Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada  ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac  sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2><a href="#">Ordered &amp; Unordered Lists </a></h2>
 <p>Mauris nisi diam, feugiat a,  ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum  in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum  pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus.  </p>
 <ul>
   <li>Donec scelerisque tristique ante. </li>
   <li>Integer imperdiet, purus a malesuada  ornare, </li>
   <li>odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  </li>
   <li>Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. </li>
   <li>Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus.</li>
   <li> Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. </li>
   <li>Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem,</li>
   <li> vitae laoreet mi dui ac  sem. Aenean urna.</li>
 </ul>
 
<ol>
   <li>Donec scelerisque tristique ante. </li>
   <li>Integer imperdiet, purus a malesuada  ornare, </li>
   <li>odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  </li>
   <li>Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. </li>
   <li>Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus.</li>
   <li> Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. </li>
   <li>Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem,</li>
   <li> vitae laoreet mi dui ac  sem. Aenean urna.</li>
 </ol>
 
 
 </div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Code</h2>
  <p>Mauris nisi diam, feugiat a,  ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum  in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum  pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus.  Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada  ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. </p>
<code>
.post ul li {
	background: url(images/bullet.jpg) no-repeat 0px 8px;
	display: block;
	padding: 4px 4px 4px 15px;
}
</code>
  <p>Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac  sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div class="post">
<div class="post_h">

</div>

<div class="postcontent">
<span class="date">12 July 2008 </span>
<h2>Code</h2>
  <p>Mauris nisi diam, feugiat a,  ultricies eget, dapibus eu, felis. Vestibulum turpis est, condimentum  in, auctor mattis, vehicula at, nisl. Etiam tempus, eros ut rutrum  pretium, orci justo ornare mi, ac accumsan quam nulla mattis metus.  Donec scelerisque tristique ante. Integer imperdiet, purus a malesuada  ornare, odio lorem dictum tellus, eget rhoncus dui ante gravida massa.  Integer massa pede, laoreet commodo, viverra nec, vestibulum nec,  velit. </p>
<code>
.post ul li {
	background: url(images/bullet.jpg) no-repeat 0px 8px;
	display: block;
	padding: 4px 4px 4px 15px;
}
</code>
  <p>Donec at dui. Nulla facilisi. Duis arcu nisl, eleifend quis,  feugiat vitae, iaculis sed, risus. Vivamus placerat massa a felis.  Praesent vitae turpis et lorem iaculis dapibus. Sed malesuada, quam vel  tincidunt bibendum, orci sapien vestibulum sem, vitae laoreet mi dui ac  sem. Aenean urna.</p>
</div>
<div class="post_b">
<span class="permalink"><a href="#">Read full story</a></span> <span class="category"><a href="#">Category</a></span> <span class="comment"><a href="#">10 Comments</a></span></div>
</div>

<div id="comments">
<div id="commentop">
</div>
<div id="commentcontent">
  <form action="#">
    <p>
	      <label for="author">Name (required)</label>

      <input class="text" name="author" id="author" value="" size="22" tabindex="1" type="text" />
    </p>
    <p>
	      <label for="email">Mail (will not be published) (required)</label>

      <input class="text"  name="email" id="email" value="" size="22" tabindex="2" type="text" />
    </p>
    <p>
	      <label for="url">Website</label>

      <input class="text"  name="url" id="url" value="" size="22" tabindex="3" type="text" />
    </p>
   
    <p>
      <textarea  name="comment" id="comment" cols="40" rows="10" tabindex="4"></textarea>
    </p>
    <p>
      <input name="submit" alt="submit" src="images/submit.jpg" id="submit" tabindex="5" value="Submit Comment" type="image" />
    </p>
  </form>
</div>

<div id="commentbtm">
</div>
</div>

<div id="pagination">
<span class="alignleft"><a href="#">&laquo; Previous Page</a></span>
<span class="alignright"><a href="#">Next Page &raquo;</a></span></div>
</div>
<div id="sidebar">
		
			<h3>Categories</h3>
			<ul>				
	<li class="cat-item cat-item-4"><a href="#" title="cat">Lorem Ipsum </a></li>
	<li class="cat-item cat-item-5"><a href="#" title="cat">Apple Macintosh </a></li>
	<li class="cat-item cat-item-3"><a href="#" title="cat">Linux Ubuntu </a></li>
	<li class="cat-item cat-item-1"><a href="#" title="cat">Wordpress Themes</a></li>
			<li class="cat-item cat-item-1"><a href="#">XHTML Themes</a></li>
			<li class="cat-item cat-item-1"><a href="#">Free Releases  </a></li>
			</ul>

			<h3>Archives</h3>
			<ul>				
	<li><a href='#' title='March 2008'>March 2008</a></li>
	<li><a href='#' title='February 2008'>February 2008</a></li>
	<li><a href='#' title='January 2008'>January 2008</a></li>

	<li><a href='#' title='December 2007'>December 2007</a></li>
			</ul>	
				
			<h3>Links</h3>
			<ul>
                   <li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>

<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
		
			</ul>
			
			<h3>Meta</h3>
			<ul>
								<li><a href="#">Log in</a></li>
					<li><a href="#" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>

				<li><a href="#"><abbr title="XHTML Friends Network">XFN</abbr></a></li>

					<li><a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
	  </ul>	
			
			<h3>Search Box</h3>	
<form action="http://demo.themelab.com/" class="searchform">
				<p>
				<input name="s" class="textbox" type="text" />

  				<input class="button" value="Search" type="submit" />
				</p>			
	  </form>

</div>
<div class="clear"></div>
</div>
<div id="pagebottom"></div>

<div id="footer">
<p>&copy; All Contents are Copy-righted 2006 - 2008</p>
<p><a href="#">Put</a> | <a href="#">Some More</a> | <a href="#">Links</a> | <a href="#">In the</a> | <a href="#">Bottom</a> | <a href="#">Of the </a>| <a href="#">Page </a></p>
<p><a href="http://ramblingsoul.com">CSS Template</a> by Ramblingsoul </p>

</div>
</div>
</body>
</html>
